{extend name="public/common"/}
{block name="head"}
{/block}
{block name="banner"}

{/block}
{block name="body"}

<div class="page-title bg-page-title3">
    <div class="overlay">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-header">
                        <h5 class="sub-title">产品</h5>
                        <h2 class="title">公司当前主营产品</h2>
                    </div>
                    <ol class="breadcrumb">
                        <li><a href="/">首页</a></li>
                        <li class="active">产品</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Main Section -->
<div class="main-section m-b60">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-md-push-9">

                {include file="document/sidebar"/}
            </div>


            <div class="col-md-9 col-md-pull-3 res-md-mrg-top-50">
                <!-- Product Control -->
                <ul class="product-control" style="display: none">
                    <li class="view">
                        <strong>View as:</strong>
                        <div class="btn-group">
                            <a href="#" id="grid" class="btn btn-transparent current"><span
                                    class="glyphicon glyphicon-th"></span></a>
                            <a href="#" id="list" class="btn btn-transparent"><span class="glyphicon glyphicon-th-list">
					            </span></a>
                        </div>
                    </li>
                    <li class="shortby">
                        <strong>Short by:</strong>
                        <select class="selectpicker">
                            <option>Mustard</option>
                            <option>Ketchup</option>
                            <option>Relish</option>
                        </select>
                    </li>
                    <li class="size">
                        <strong>Show:</strong>
                        <select class="selectpicker">
                            <option>01</option>
                            <option>02</option>
                            <option>03</option>
                        </select>
                    </li>
                    <li class="page">
                        <strong>Page:</strong>
                        <ul class="pagination">
                            <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">»</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- /.product-control -->

                <div class="woocommerce">
                    <div id="products" class="row list-group products">

                        {volist name='lists' id='vo'}
                        <div class="item col-md-4 col-sm-6">
                            <div class="product m-b30">
                                <span class="onsale">上新</span>
                                <span class="wp-post-image">
										<img src="{$vo.cover.url}" class="wp-post-image" alt="">
										<a href="{$vo.cover.url}" class="image-large"><i class="icon icon-FullScreen"></i></a>
									</span>
                                <h3 class="title"><a href="{:url('/product/'.$vo['sn'])}">{$vo.title}</a></h3>
                                <div class="star-rating" title="Rated 4 out of 5">
                                    <!-- <span style="width:80%"><strong class="rating">4</strong> out of 5</span> -->
                                </div>
                                <span class="price">
										<ins>
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol"></span>有货</span>
										</ins>
										<!--<del>
											<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">￥</span>{$vo.market_price}</span>
										</del>-->
									</span>
                                <a href="javascript:void(0)" onclick="zan({$vo.sn})" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                <a  href="javascript:void(0)"   class="add_to_cart"><i class="icon icon-ShoppingCart"></i></a>
                                <a href="{:url('/product/'.$vo['sn'])}" class="add_to_cart_button">Add to cart</a>
                            </div><!-- /.product -->
                            <!-- Product style two -->
                            <div class="product list-view">
                                <div class="media">
                                    <div class="media-left">
                                        <span class="onsale">SALE</span>
                                        <span class="new">NEW</span>
                                        <span class="wp-post-image">
												<img src="{$vo.cover.url}" class="wp-post-image" alt="">
												<a href="{$vo.cover.url}" class="image-large"><i class="icon icon-FullScreen"></i></a>
											</span>
                                    </div>
                                    <div class="media-body">
                                        <h3 class="title"><a href="{:url('/product/'.$vo['sn'])}">{$vo.title}</a></h3>
                                        <div class="star-rating" title="Rated 4 out of 5">

                                        </div>
                                        <span class="price">
												<ins>
													<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">￥</span>{$vo.price}</span>
												</ins>
												<del>
													<span class="woocommerce-Price-amount amount">
													<span class="woocommerce-Price-currencySymbol">￥</span>{$vo.market_price}</span>
												</del>
											</span>
                                        <p>
                                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to
                                        </p>
                                        <a  href="javascript:void(0)" onclick="zan({$vo.sn})" class="popup"><i class="icon icon-Restart"></i></a>
                                        <a href="{:url('/product/'.$vo['sn'])}" class="add_to_cart_button">详情</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {/volist}

                    </div>
                </div>

            </div>

        </div>
    </div>
</div>


{/block}

{block name="script"}
<script src="__COMMON__/layer/layer.js"></script>
<script >

</script>

{/block}
